<template>
  <RlButton plain type="success" @click="open1">success</RlButton>
  <RlButton plain type="warning" @click="open2">warning</RlButton>
  <RlButton plain type="info" @click="open3">info</RlButton>
  <RlButton plain type="danger" @click="open4">danger</RlButton>
</template>

<script setup lang="ts">
import {createMessage} from '@/components/Message/method'
import RlButton from '@/components/Button/Button.vue'
defineOptions({
  name: 'MessageView'
})
console.log(RlButton);
const open1 =()=>{
  createMessage({
    message :'Congrats, this is a success message.',
    type: 'success',
  })
}
const open2 =()=>{
  createMessage({
    message :'Warning, this is a warning message.',
    type: 'warning',
  })
}
const open3 =()=>{
  createMessage({
    message: 'This is a info message.',
    type: 'info',
  })
}
const open4 =()=>{
  createMessage({
    message :'Oops, this is a danger message.',
    type: 'danger',
    showClose: true
  })
}
</script>